<template>
  <el-form ref="form" :model="company" label-width="120px" style="padding: 30px">
    <el-form-item :label="$t('company.name')">
      {{ company.name }}
    </el-form-item>
    <el-form-item :label="$t('company.address')">
      {{ company.address }}
    </el-form-item>
    <el-form-item :label="$t('company.phone')">
      {{ company.phone }}
    </el-form-item>
    <el-form-item :label="$t('company.email')">
      {{ company.email }}
    </el-form-item>
    <el-form-item :label="$t('company.industry')">
      {{ company.industry }}
    </el-form-item>
    <el-form-item :label="$t('company.createTime')">
      {{ company.createTime }}
    </el-form-item>
    <el-form-item :label="$t('company.startTime')">
      {{ company.startTime }}
    </el-form-item>
    <el-form-item :label="$t('company.expireTime')">
      {{ company.expireTime }}
    </el-form-item>
  </el-form>
</template>
<script>
import { getCompanyInfo } from '@/api/company'

export default {
  name: 'CompanyInfo',
  data() {
    return {
      company: {
        name: '',
        address: '',
        phone: '',
        email: '',
        industry: '',
        createTime: '',
        startTime: '',
        expireTime: ''
      }
    }
  },
  created() {
    const id = this.$store.getters.id
    getCompanyInfo(id).then(res => {
      const data = res.data
      console.log(data)
      this.company = data
    })
  },
  methods: {
  }
}
</script>
